\section{jQuery与CSS}

jQuery提供了一系列处理CSS样式的方法，在之前的章节中，我们已经使用过css()和addClass()方法，下面我们介绍jQuery中和CSS有关的常用方法。

\begin{description}
	\item [addClass()] 为所有选中的元素添加指定的class名称。如：

	\begin{lstlisting}
	$( "p:last" ).addClass( "selected highlight" );
	\end{lstlisting}

	\item [css()] 获取选中的元素的指定样式值，或者设置样式。

	\begin{lstlisting}
	var color = $( this ).css( "background-color" );
	$( this ).css( "color", "red" );
	\end{lstlisting}

用css()方法设置多个样式值时，将多个属性及其值使用对象字面量{}包含起来，属性和值之间用冒号“:”，多个属性及其值之间用逗号","隔开。

\begin{lstlisting}
	$( this ).css({
      "background-color": "yellow",
      "font-weight": "bolder"
    });
\end{lstlisting}

	\item [hasClass()] 在所有选中的元素中进行判断，看是否存在包含有指定内容的class的元素。例如：

	\begin{lstlisting}
	$( "#mydiv" ).hasClass( "bar" )
	\end{lstlisting}

	\item [scrollTop()] 得到首个选中元素的垂直滚动条位置，或者为所有选中元素设置垂直滚动条位置。这个方法常用来设置类似“返回页首”的功能。例如：

	\begin{lstlisting}
	$(window).scroll(function() {
	 if ($(this).scrollTop() != 0) {
	   	$('#toTop').fadeIn();
			} else {
	  	$('#toTop').fadeOut();
	 	}
	 });
	\end{lstlisting}

	\item [toggleclass()] 所有匹配的元素添加或者移除一个或者多个class类，增加、移除操作取决于当前class的值。例如：

	\begin{lstlisting}
	$( this ).toggleClass( "highlight" );
	\end{lstlisting}

\end{description}

